.tag{
    &-top{
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 10px;
    }
    &-filter{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 10px;
        .input-icon{
            font-size: var(--tiklab-input-icon-15);
        }
    }

    &-tables{
        .tag-tables-style{
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            padding: 8px;
            .tag-tables-item{
                display: flex;
                gap:13px;
                .tag-tables-name{
                    font-size: 14px;
                    font-weight: bold;
                }
                .tag-tables-commitId{
                    color: #1890ff;
                    padding-left: 25px;
                    .tag-tables-commitId-cursor:hover{
                        border-bottom: 1px solid #1890ff;
                        cursor: pointer;
                    }
                }
            }
            .tag-tables-item-top{
                padding-top: 5px;
            }

            .tag-tables-action{
                display: flex;
                flex-direction: row;
                align-items: center;
                gap:5px ;
                .tag-tables-download{
                    background: #f4f4f4;
                    cursor: pointer;
                    border-radius: 4px;
                    padding: 6px;
                    margin: 10px;
                }
                .tag-tables-del,.no-del{
                    height: 32px;
                    padding: 10px;
                    border-radius: 4px;
                    margin-top: 10px;
                }
                .tag-tables-del{
                    background: #ff0000;
                    color: #ffffff;
                    cursor: pointer;
                }
                .no-del{
                    color: rgba(0,0,0,.25);
                    background: #f5f5f5;
                    cursor: not-allowed;
                }
            }
        }



        .tag-tables-name{
            display: flex;
            flex-direction: row;
            align-items: center;
            cursor: pointer;
            .tag-tables-name-cursor:hover{
                border-bottom: 1px solid #666666;
            }
            .name-icon{
                border: 1px solid #d9d9d9;
                padding: 8px;
                display: inline-block;
                height: 32px;
                margin-right: 10px;
            }
            .name-text{
                flex: 1;
                .name-text-title{
                    font-weight: var(--tiklab-font-weight-bold);
                    &:hover{
                        text-decoration: underline;
                    }
                }
                .name-text-desc{
                    color: var(--tiklab-gray-500);
                    font-size: var(--tiklab-font-13);
                    .desc-name{
                        margin-right: 8px;
                    }
                }
            }
        }
        .tag-tables-edit{
            padding: 6px 8px;
            background: #f4f4f4;
            display: inline-block;
            border-radius: 4px;
            border: 1px solid #f4f4f4;
        }
        .tag-tables-del{
            background: #ff0000;
            color: #ffffff;
            padding: 6px 8px;
            border-radius: 4px;
        }
    }

}

.tag-add-modal{
    .tag-add-up{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        font-weight: var(--tiklab-font-weight-bold);
        padding: var(--tiklab-padding) var(--tiklab-padding) var(--tiklab-padding-item);
    }
    .tag-add-content{
        padding: 0 var(--tiklab-padding);
        max-height:calc(100% - 120px);
        overflow:auto;
    }
}

.publish-add-modal{
    .publish-add-up{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        font-weight: var(--tiklab-font-weight-bold);
        padding: var(--tiklab-padding) var(--tiklab-padding) var(--tiklab-padding-item);
    }
    .publish-add-content{
        padding: 0 var(--tiklab-padding);
        max-height:calc(100% - 120px);
        overflow:auto;
    }
}

